琴妹8
侠客
侠客
  • 最后登录2019-10-25
  • 发帖数39
阅读:6079回复:1

react打包 APP

楼主#
更多 发布于:2018-08-30 20:25
react写好js后
1、在package.json 里改相对路径   "homepage":"./"       //避免打包build后空白页

图片:1.png


2、运行npm run build

图片:2.png


3、生成build文件

图片:3.png


4、试运行build里的index.html,看看是否有自己写好的内容,如果是空白,检查一下package.json是否配置好,或者其他原因

图片:4.png


5、运用Hbuild打包为App(先删除原本的manifest.json)
下载Hbuild,百度网址 https://pc.qq.com/detail/3/detail_22603.html
5.1 找到工具栏的文件==》打开目录==》 导入react 项目名目录

图片:5.png


5.2 点击 右键 “转化成移动App",无法截图,请见谅
5.2 生成manifest.json 文件
5.3 双击manifest.json文件看看index.html 入口是否正确

图片:6.png


再看模板权限配置==》已选模板 是否有模板,有的话就删除

图片:7.png


5.4  找到工具栏的发行==》发行为原生安装包,文件夹不能有中文

图片:8.png



5.5 等待打包并下载成功

图片:9.png

图片:10.png

最新喜欢:

doubleyongdouble...
代码得海洋有些深,我这还不会游泳,就带着游泳圈,还要带个打气筒,时不时打点气,不让自己沉下去。 希望通过我们得交流和学习,能够慢慢有艘船,在大海中航行,不用为了活下去而忽略海上得风景,其实慢慢成长我们会发现,大海,真是个神秘得地方。 学习使我们优秀,我们一起加油吧!
bug真多
贫民
贫民
  • 最后登录2018-09-03
  • 发帖数2
沙发#
发布于:2018-09-03 15:08
打包之后还是空白页面,求指教
游客


返回顶部

公众号

公众号